/* ------------------------------------------------------------------------------
 *
 *  # Velocity.js UI
 *
 *  Specific JS code additions for extension_velocity_ui.html page
 *
 *  Version: 1.0
 *  Latest update: Aug 1, 2015
 *
 * ---------------------------------------------------------------------------- */

$(function () {

    // Run animations
    $('.velocity-animation').on('click', function (e) {

        // Get animation class and panel
        var animation = $(this).data("animation");

        // Add animation class to panel element
        $(this).parents(".panel").velocity("callout." + animation, {stagger: 500});
        e.preventDefault();
    });


    // Run transitions
    $('.velocity-transition').on('click', function (e) {

        // Get animation class and panel
        var transition = $(this).data("transition");

        // Add animation class to panel element
        $(this).parents(".panel").velocity("transition." + transition, {
            stagger: 1000,
            duration: 1000
        });

        e.preventDefault();
    });


    // Clear styles after 2 seconds
    window.setInterval(function () {
        $('.velocity-transition').parents('.panel').removeAttr('style');
    }, 2000);

});
